<template>
  <div>
    <h2>我是孙</h2>
    <h5>{{ count }}</h5>
    <button @click="add">我是按钮</button>
    <button @click="deletes">卸载</button>
    <hr />
  </div>
</template>

<script>
export default {
  name: "Tab",
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    add() {
      this.count++;
    },
    //卸载谁就在谁的子集里面使用$off 来接触对应的 帮的那个
    deletes() {
      this.$off("changehandles");
    },
  },

  watch: {
    count: {
      //监听事件的动态，当count改变时，触发函数，然后利用$emit  $emit是实例上面的方法有两个参数，第一个参数是函数名字，第二个参数是传入的值
      handler() {
        this.$emit("changehandles", this.count);
      },
    },
  },
};
</script>

<style>
</style>